<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>

    // 同种类型数据的链式操作: 本质方法的返回值还是相同类型的数据
    // 数组的链式操作:  方法的返回值还是数组,可以继续调用数组的方法
    // 字符串的链式操作:  方法的返回值还是字符串,可以继续调用字符串的方法

    // 不同类型数据的链式操作: 根据方法的执行结果进行后续处理

    // var arr = [];

    // var newArr = arr.concat(1,2);
    // console.log(newArr);

    // newArr = newArr.concat(3,4);
    // console.log(newArr);

    // newArr = newArr.concat(5,6);
    // console.log(newArr);

    var arr = [];
    var newArr = arr.concat(1,2).concat(3,4).concat(5,6);
    console.log(newArr);

    var arr = [1,2,3,4];
    arr.reverse().reverse();
    console.log(arr);

    // 字符串
    // var str = "YYYY-MM-DD"
    // var result = str.replace("YYYY",2023).replace("MM","09").replace("DD","21")
    // console.log(result);

    // 字符串和数组

    var str = "hello world";

    var arr = str.split("");
    arr.reverse();
    var newStr = arr.join("");
    console.log(newStr);
    
    var result = str.split("").reverse().join("");
    console.log(result);






</script>
</html>